<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="left">
        <ul>
            <li><a href="javascript:;">用户管理</a></li>
            <li><a href="categorySecond.html">分类管理</a></li>
            <li><a href="javascript:;">商品管理</a></li>
        </ul>
    </div>
    <div class="right">
        <div class="right_top">
            <a id="toggleMenu" class="pull-left" href="javascript:;">切换显示</a>
            <a id="logoutBtn" class="pull-right" href="javascript:;">退出登录</a>
        </div>
        <div class="right_content">
            <ol class="breadcrumb">
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">Library</a>
                </li>
                <li class="active">Data</li>
            </ol>
            <div class="right_view">
                <div id="main" class="pull-left" style="width: 500px;height:400px;"></div>
                <div id="main2" class="pull-right" style="width:500px; height: 400px;">
                    <div id="chart-panel" class="right-panel" _echarts_instance_="ec_1531832509062" style="-webkit-tap-highlight-color: transparent; user-select: none;">
                        <div style="position: relative; overflow: hidden; width: 800px; height: 29px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
                            <canvas data-zr-dom-id="zr_0" width="800" height="29" style="position: absolute; left: 0px; top: 0px; width: 800px; height: 29px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                        </div>
                        <div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font: 14px/21px &quot;Microsoft YaHei&quot;; padding: 5px; left: 127px; top: 232px;">半径模式
                            <br>rose8 : 40 (22.22%)</div>
                    </div>
                    <div id="tool-panel">
                        <div id="theme">
                            <a title="" class="default selected" data-original-title="default">
                                <span></span>
                            </a>
                            <a title="" class="light" data-original-title="light">
                                <span></span>
                            </a>
                            <a title="" class="dark" data-original-title="dark">
                                <span></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./assets/echarts/echarts.min.js"></script>
<script src="./assets/jquery/jquery.js"></script>
<script src="./assets/bootstrap/js/bootstrap.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>